<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
{js href="/static/admin/lib/html5shiv.js,/static/admin/lib/respond.min.js"}
<![endif]-->
{css href="/static/admin/static/h-ui/css/H-ui.min.css,/static/admin/static/h-ui.admin/css/H-ui.admin.css,/static/admin/lib/Hui-iconfont/1.0.8/iconfont.css,/static/admin/static/h-ui.admin/skin/default/skin.css,/static/admin/static/h-ui.admin/css/style.css,/static/admin/static/gloab.css,/static/admin/lib/webuploader/0.1.5/webuploader.css"}
<!--[if IE 6]>
{js href="/static/admin/lib/DD_belatedPNG_0.0.8a-min.js"}
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>添加课程 - 课程管理</title>
</head>
<body>
<article class="page-container">
	<form class="form form-horizontal" id="form-admin-edit" action="/admin/curriculum/curriculum">
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">封面：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<div class="uploader-thum-container">
					<div id="fileList" class="uploader-list" data-width="100" data-height="80"></div>
					<div id="filePicker">选择图片</div>
					<input type="hidden" name="cover">
				</div>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>开始周期：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" onfocus="WdatePicker()" placeholder="" id="start_cycle" name="start_cycle">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>结束周期：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" onfocus="WdatePicker( { minDate:'#F{ $dp.$D(\'start_cycle\') }' } )" placeholder="" id="end_cycle" name="end_cycle">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>课程名称：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="name" name="name">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">原价(元)：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="number" class="input-text" value="" placeholder="" id="origin_price" name="origin_price" min="0">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>价格(元)：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="number" class="input-text" value="" placeholder="" id="price" name="price" min="0">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>课程类型：</label>
			<div class="formControls col-xs-8 col-sm-9 skin-minimal">
				{foreach $config['type'] as $key => $_type}
                    <div class="radio-box">
                        <input name="type" type="radio" id="type-{$key}" {if $key==1}checked{/if} value="{$key}">
                        <label for="type-{$key}">{$_type}</label>
                    </div>
				{/foreach}
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>课程类型：</label>
			<div class="formControls col-xs-8 col-sm-9 skin-minimal">
				{foreach $config['category'] as $key => $_category}
				<div class="radio-box">
					<input name="category" type="radio" id="category-{$key}" {if $key==1}checked{/if} value="{$key}">
					<label for="category-{$key}">{$_category}</label>
				</div>
				{/foreach}
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>授课教师：</label>
			<div class="formControls col-xs-8 col-sm-9 skin-minimal">
				<select name="tid[]" class="select" multiple size="8">
					{foreach $teacher as $key => $_teacher}
						<option value="{$_teacher['id']}" >{$_teacher.name}</option>
					{/foreach}
				</select>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">文章内容：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<script id="detail" name="detail" type="text/plain" style="width:100%;height:400px;"></script>
			</div>
		</div>
		{if can('admin/curriculum/Curriculum/save')}
			<div class="row cl">
				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
					<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
				</div>
			</div>
		{/if}
	</form>
</article>

<!--_footer 作为公共模版分离出去-->
{js href="/static/admin/lib/jquery/1.9.1/jquery.min.js,/static/admin/lib/layer/2.4/layer.js,/static/admin/static/h-ui/js/H-ui.js,/static/admin/static/h-ui.admin/js/H-ui.admin.js"}
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
{js href="/static/admin/lib/jquery.validation/1.14.0/jquery.validate.js,/static/admin/lib/jquery.validation/1.14.0/validate-methods.js,/static/admin/lib/jquery.validation/1.14.0/messages_zh.js,/static/admin/static/gloab.js,/static/admin/lib/webuploader/0.1.5/webuploader.min.js,/static/admin/static/uploader/uploader.js,/static/admin/lib/My97DatePicker/4.8/WdatePicker.js,/static/admin/lib/ueditor/1.4.3/ueditor.config.js,/static/admin/lib/ueditor/1.4.3/ueditor.all.min.js,/static/admin/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"}
<script type="text/javascript">
$(function(){

	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});
	
	$("#form-admin-edit").validate({
		rules:{
            cover:{
		      	required:true
			},
            start_cycle: {
				required: true,
				dateISO: true
			},
            end_cycle: {
                required: true,
                dateISO: true
            },
			name:{
				required: true,
                rangelength: [1, 100]
			},
            origin_price:{
                number: true,
                min: 0
			},
			price: {
				required: true,
				number: true,
				min: 0
			},
            type: {
                required: true,
				range: [1,2]
			},
			tid: {
				required: true,
			},
            category: {
                required: true,
                range: [1,2]
            }
		},
		onkeyup:false,
		focusCleanup:true,
		success:"valid",
		submitHandler:function(form){
			$(form).ajaxSubmit({
				type: 'post',
                url: $(form).attr('action'),
                data: $(form).serialize(),
                success:function(data){
					layer.msg('新增成功',{icon:1,time:1000});
                },
                error:function(XmlHttpRequest, textStatus, errorThrown){
                    let errstr = XmlHttpRequest.responseText;
                    if ( errstr ) {
                        layer.msg($.parseJSON(errstr).message,{icon:5,time:1000});
                    } else {
                        layer.msg('服务错误!',{icon:5,time:1000});
                    }
                }
			});
			// var index = parent.layer.getFrameIndex(window.name);
			// parent.$('.btn-refresh').click();
			// parent.layer.close(index);
			return false;
		}
	});
    var ue = UE.getEditor('detail',{
        toolbars: [['bold', 'italic','|',
            'touppercase', 'tolowercase', '|', 'directionality', 'forecolor', 'fontsize', 'fontfamily', 'underline', 'strikethrough', 'indent', 'insertparagraph', '|',
            'justify', 'lineheight', 'insertorderedlist', 'insertunorderedlist', 'paragraph', 'rowspacing', 'undo', 'redo', '|', 'justifyleft', 'justifycenter', 'justifyright', '|',
			'insertimage', 'simpleupload', 'imagecenter', 'imagenone', 'imageleft', 'imageright'
        ]],
    });
});

</script> 
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>